<template>
	<view class="reYing">
		<div class="video bfff center mt20" v-for="v in jiJianglist" :key="v.movieId"  @click="openPage('/pages/dianYing/xiangXi?movieId='+v.movieId)">
			<image :src="v.poster" mode="aspectFill" class="cover mr25"  lazy-load="true"></image>
			<div class="flex1">
				<div class="f36 nowrap fbold mb30">{{v.movieName}}</div>
				<div class="c666 mb20">评分 <text class="fbold cyellow">{{v.score || '暂无'}}</text></div>
				<div class="c666 mb20">时常：{{v.duration}}分</div>
				<div class="c666">{{v.openday.substring(0,10)}}上映</div>
			</div>
			<div class="buy btn-blue" @click.stop="openPage('/pages/dianYing/dianYing?movieId='+v.movieId+'&name='+v.movieName)">预售</div>
		</div>
		<!-- 暂无更多 -->
		<u-empty v-if="jiJianglist.length==0" mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png">
		</u-empty>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		props: {
			jiJianglist: {
				type: Array,
				default: [],
				require: true
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.video {
		padding: 20rpx;
		border-radius: 15rpx;

		.cover {
			width: 145rpx;
			height: 200rpx;
			border-radius: 15rpx;
		}
	}

	.swiper {
		height: 210rpx;
		border-radius: 15rpx;
		width: 100%;
		overflow: hidden;
	}
</style>